<template>
<div id="BusinessPage">
			<div id="page">
				<span style="line-height: 35px;font-size: 20px; font-weight: 200;">今日营业</span>
				<!--实收现金-->
				<div style="width: 300px; height: 30px; margin-top: 30px;border-left: 1px solid #fff;border-right: 1px solid #fff;background-color:rgb(249,249,249);display: -webkit-flex; ">
					<div style="width:100px; height: 30px; border-right: 1px solid rgb(211,211,211); font-size:16px; font-weight: 800;line-height: 30px; ">
						实收现金
					</div>
					<div style="margin: auto;font-size: 16px; font-weight: 300;">
						{{BusinessTodayVO.turnover}}
					</div>
				</div>
				
				<div style="width: 300px; height: 30px;border-left: 1px solid #fff;border-right: 1px solid #fff; background-color:rgb(211,211,211);display: -webkit-flex;">
					<div style="width:100px; height: 30px; border-right: 1px solid rgb(249,249,249);font-size:16px; font-weight: 800;line-height: 30px;">
						接车台次
					</div>
					<div style="margin: auto;font-size: 16px; font-weight: 300;">
						{{BusinessTodayVO.theStoreMaintainAmount+BusinessTodayVO.outsideMaintainAmount}}
					</div>
				</div>
				
				<div style="width: 300px; height: 30px;border-left: 1px solid #fff;border-right: 1px solid #fff; background-color:rgb(249,249,249);display: -webkit-flex;">
					<div style="width:100px; height: 30px; border-right: 1px solid rgb(211,211,211);font-size:16px; font-weight: 800;line-height: 30px;">
						在修台次
					</div>
					<div style="margin: auto;font-size: 16px; font-weight: 300;">
						{{BusinessTodayVO.beingRepairedAmount}}
					</div>
				</div>

				<div style="width: 300px; height: 30px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;border-right: 1px solid #fff; background-color:rgb(211,211,211);display: -webkit-flex;">
					<div style="width:100px; height: 30px; border-right: 1px solid rgb(249,249,249);font-size:16px; font-weight: 800;line-height: 30px;">
						结算台次
					</div>
					<div style="margin: auto;font-size: 16px; font-weight: 300;">
						{{BusinessTodayVO.settlementAmount}}
					</div>
				</div>

				
				<div style="display: -webkit-flex; margin-top: 20px;">
						<div id="" style="width: 140px; height:50px;  background-color: rgb(96,92,168);display: -webkit-flex;">
							<div style="width: 60px; height: 50px; background-color: rgb(77,74,134);">
								<i class="el-icon-s-tools" style="color: #fff;font-size:30px;margin: 10px;" ></i>
							</div>
							<div style="font-size:12px; margin-left: 3px; color:#fff;"><span>站内维修</span><br><span>{{BusinessTodayVO.theStoreMaintainAmount}}</span></div>
						</div>
				
						<div id="" style="width: 140px; height:50px;margin-left: 28px;background-color: rgb(216,27,96);display: -webkit-flex;">
							<div style="width: 60px; height: 50px; background-color: rgb(173,22,77);">
								<i class="el-icon-s-tools" style="color: #fff;font-size:30px;margin: 10px;" ></i>
							</div>
							<div style="font-size:12px; margin-left: 3px; color:#fff;"><span>站外维修</span><br><span>{{BusinessTodayVO.outsideMaintainAmount}}</span></div>
						</div>
				</div>
				
				
			</div>
			
			<!---->
			
			
		</div>
</template>

<script>
export default {
data() {
//这里存放数据
return {
 BusinessTodayVO:{}
};
},
//计算属性
computed: {},
//方法集合
methods: {

	showInfo(){
		let _this=this;
		_this.$http.get(`http://localhost:8080/api/BusinessTodayAction/queryBusinessToday`)
		.then(function (resp) {
            _this.BusinessTodayVO = resp.data;
          });
	}

},
//挂载完成（可以访问DOM元素）
mounted() {
	this.showInfo();
},
//监控data中的数据变化
watch: {

}
}
</script>
<style  scoped>
/*@import url(); 引入公共css类*/
#BusinessPage{
    width: 600px;
    height: 500px;
    margin: auto;
  
}
#page{
    width: 300px;
    height: 35px;
    margin: auto;
    text-align: center;
    background-color: rgb(243,156,18);
    box-shadow:0 0 4px 2px #999;
    margin-top: 20px;
        
}

</style>